<template>
	<view class="page" v-if="checkPermission(['WORKFLOW:APPROVAL'])">
		<view class="meeting" v-if="processType == 'meeting'">
			<view class="header">{{ title }}</view>
			<view class="attr">
				<view class="list">
					<view class="item">
						<view class="key">日期</view>
						<text class="value">{{ date }}</text>
					</view>
					<view class="item">
						<view class="key">开始时间</view>
						<text class="value">{{ start }}</text>
					</view>
					<view class="item">
						<view class="key">结束时间</view>
						<text class="value">{{ end }}</text>
					</view>
					<view class="item">
						<view class="key">会议类型</view>
						<text class="value">{{ typeArray[typeIndex] }}</text>
					</view>
					<view class="item" v-if="typeArray[typeIndex] == '线下会议'">
						<view class="key">地点</view>
						<view class="value">{{ place }}</view>
					</view>
				</view>
				<view>
					<text class="desc">{{ desc }}</text>
				</view>
			</view>
			<view class="members">
				<view class="number">参会者（{{ members.length }}人）</view>
				<view class="member">
					<view class="user" v-for="one in members" :key="one.id">
						<image :src="one.photo" mode="widthFix" class="photo"></image>
						<text class="name">{{ one.name }}</text>
					</view>
				</view>
			</view>
			<block v-if="taskId != null">
				<button class="btn" @tap="approvalMeeting('同意')" type="primary">同意</button>
				<button class="btn" @tap="approvalMeeting('不同意')" type="warn">不同意</button>
			</block>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			processType: null,
			taskId: null,
			id: null,
			uuid: null,
			title: '',
			date: '',
			start: '',
			end: '',
			typeArray: ['在线会议', '线下会议'],
			typeIndex: 0,
			place: '',
			desc: '',
			members: []
		};
	},
	onLoad: function(options) {
		this.processType = options.processType;
		this.id = options.id;
		if (options.hasOwnProperty('taskId')) {
			this.taskId = options.taskId;
		}
	},
	onShow: function() {
		let that = this;
		if (that.processType == 'meeting') {
			that.ajax(that.url.searchMeetingById, 'POST', { id: that.id }, function(resp) {
				let result = resp.data.result;
				that.uuid = result.uuid;
				that.title = result.title;
				that.date = result.date;
				that.start = result.start;
				that.end = result.end;
				that.typeIndex = result.type - 1;
				that.place = result.place;
				let desc = result.desc;
				if (desc != null && desc != '') {
					that.desc = desc;
				}
				that.members = result.members;
			});
		}
	},
	methods: {
		approvalMeeting: function(approval) {
			let that = this;
			uni.showModal({
				title: '提示信息',
				content: '你' + approval + '这条申请？',
				success: function(resp) {
					if (resp.confirm) {
						let data = {
							taskId: that.taskId,
							approval: approval,
							code: that.code
						};
						that.ajax(that.url.approvalMeeting, 'POST', data, function(resp) {
							uni.showToast({
								icon: 'success',
								title: '处理完成',
								complete: function() {
									setTimeout(function() {
										uni.navigateBack({});
									}, 2000);
								}
							});
						});
					}
				}
			});
		}
	}
};
</script>

<style lang="less">
@import url('approval.less');
</style>
